<template>
  <div class="beijing">
    <div class="entirety">
      <div class="pic">
        <!-- <img src="../assets/image/login.png" alt="" /> -->
        <img src="../assets/image/icon-login.png" alt="" style="width: 410px; height: 350px;" />
      </div>
      <el-form ref="ruleForm" :model="ruleForm" status-icon :rules="rules" :label-position="labelPosition"
        class="demo-ruleForm">
        <h4>欢迎注册！</h4>
        <!-- <h4>冀网联数据交易服务平台</h4> -->
        <div class="title" id="wrap">
          已有账号？去
          <router-link to="/login" class="router">登录</router-link>
        </div>
        <el-form-item prop="mingcheng" style="padding-top:10px;">

          <el-input v-model="ruleForm.mingcheng" placeholder="请输入主体名称" class="int" clearable>
            <i slot="prefix" class="el-icon-edit-outline" style="font-size:22px;
            padding-right: 20px;
            color:rgb(169, 170, 170);
            "></i>
          </el-input>
        </el-form-item>
        <el-form-item prop="daima">

          <el-input v-model="ruleForm.daima" class="int" clearable placeholder="请输入统一社会信用代码">
            <i slot="prefix" class="el-icon-view" style="font-size:18px;
            padding-right: 20px;
            color:rgb(169, 170, 170);
            "></i>
          </el-input>
        </el-form-item>
        <el-form-item prop="phone">

          <el-input v-model="ruleForm.phone" placeholder="请输入手机号" class="int" clearable>
            <i slot="prefix" class="el-icon-phone-outline" style="font-size:18px;
            padding-right: 20px;
            color:rgb(169, 170, 170);
            "></i>
          </el-input>
        </el-form-item>


        <el-form-item prop="password">

          <el-input type="password" v-model="ruleForm.password" autocomplete="off" placeholder="请输入密码" class="int">
            <i slot="prefix" class="el-icon-lock" style="font-size:18px;
  padding-right: 5px;
  color:rgb(169, 170, 170);
  "></i>
          </el-input>
        </el-form-item>
        <el-form-item prop="checkPass">

          <el-input type="password" v-model="ruleForm.checkPass" autocomplete="off" placeholder="请再次输入密码" class="int">
            <i slot="prefix" class="el-icon-lock" style="font-size:18px;
  padding-right: 5px;
  color:rgb(169, 170, 170);
  "></i>
          </el-input>
        </el-form-item>

        <el-form-item prop="code" style="justify-content: space-around">

          <el-input v-model="ruleForm.code" placeholder="请输入验证码" class="int" clearable>
            <i slot="prefix" class="el-icon-thumb" style="font-size:18px;
            padding-right: 20px;
            color:rgb(169, 170, 170);
            "></i>
            <template #suffix>
              <el-button @click="sendCode" :disabled="ifDisable" type="text">
                <span v-if="!ifDisable">获取验证码</span>
                <span v-else type="text">{{ selfCount }}秒后重新发送</span>
              </el-button>
            </template>


          </el-input>

        </el-form-item>
        <el-checkbox v-model="checked">
          我已阅读并同意
          <el-button type="text" @click="openFuwu" class="router">《服务协议》《隐私条款》</el-button>
         
          <!-- <router-link to="/FuWuXieYi" class="router">《服务协议》</router-link>
          <router-link to="/YinSiTiaoKuan" class="router">《隐私条款》</router-link> -->
        </el-checkbox>

        <el-form-item style="width: 100%; text-align: center; margin-top:20px;">
          <el-button type="primary" round @click="submitForm('ruleForm')">注册</el-button>
        </el-form-item>
      </el-form>
      <!-- 服务协议隐私政策对话框 -->
      <el-dialog :visible.sync="dialogFuwu" width="50%" :before-close="handleClose" center class="dialog">
      <span>
        <div style="text-align:center"> <h5>河北省网联可信数据空间综合服务</h5>
          <h5>平台注册服务协议 </h5></div>
       
<div style="text-indent:2em;">
<div >河北省网联可信数据空间综合服务平台（以下简称本平台）系由河北冀网数字技术有限公司负责运营。在您注册成为本平台用户前请务必仔细阅读以下条款。若您一旦注册,则表示您同意接受本平台的服务并受以下条款的约束。若您不接受以下条款,请您立即停止注册或主动停止使用本平台的服务。</div> 

<div>一、本协议的签署和修订</div>

<div>1、本平台接受在中国合法成立并有效存续的法人组织或者持有中国有效身份证明的年满18周岁且具有完全民事行为能力的自然人成为平台用户。如您不符合资格,请勿注册,否则本平台有权随时中止或终止您的用户资格。 </div> 

<div>2、本协议内容包括以下条款及本平台已经发布的或将来可能发布的各类规则。所有规则为本协议不可分割的一部分,与协议正文具有同等法律效力。本协议是您与本平台共同签订的,适用于您在本平台的全部活动。在您注册成为用户时,您已经阅读、理解并接受本协议的全部条款及各类规则,并承诺遵守中国的各类法律规定,如有违反而导致任何法律后果的发生,您将以自己的名义独立承担所有相应的法律责任。</div>

<div>3、本平台有权根据需要不时地修改本协议或根据本协议制定、修改各类具体规则并在本平台相关系统板块发布,无需另行单独通知您。您应不时地注意本协议及具体规则的变更,若您在本协议及具体规则内容公告变更后继续使用本服务的,表示您已充分阅读、理解并接受修改后的协议和具体规则内容,也将遵循修改后的协议和具体规则使用本平台的服务;同时就您在协议和具体规则修订前通过本平台进行的交易及其效力,视为您已同意并已按照本协议及有关规则进行了相应的授权和追认。若您不同意修改后的协议内容,您应停止使用平台的服务。</div> 

<div>4、您通过自行或授权有关方根据本协议及本平台有关规则、说明操作确认本协议后,本协议即在您和本平台之间产生法律效力。本协议不涉及您与本平台的其他用户之间产生的法律关系或法律纠纷,但您在此同意将全面接受和履行与本平台其他用户在本平台签订的任何电子法律文本,并承诺按该等法律文本享有和/或放弃相应的权利、承担和/或豁免相应的义务。</div> 

<div>二、服务的提供 </div>

<div>1、本平台提供的服务包括但不限于:发布数据服务商名称、数据产品交易信息、数据资产入表全流程服务、提供数据贷款咨询服务等,具体服务详情以本平台当时提供的服务内容为准。 </div>

<div>2、基于运行和交易安全的需要,本平台可以暂时停止提供、限制或改变本平台服务的部分功能,或提供新的功能。在任何功能减少、增加或者变化时,只要您仍然继续使用本平台的服务,表示您认可并同意本平台上述服务内容的改变。 </div>

<div>3、您确认,您在本平台上按本平台服务流程所确认的交易状态将成为本平台为您进行相关交易或操作(包括但不限于发布需求、代为支付或收取款项、订立合同等)的明确指令。您同意本平台有权按相关指令依据本协议和/或有关文件和规则对相关事项进行处理。 </div>

<div>4、您未能及时对交易状态进行修改、确认、未能提交相关申请所引起的任何纠纷或损失由您本人负责,本平台不承担任何责任。 </div>

<div>三、交易管理及费用 </div>

<div>1、在您成功注册后,您可以自行根据本平台有关规则和说明,通过本平台享有服务。详细操作规则及方式请参考本平台相关规则和说明。 </div>

<div>2、本平台将为您提供服务,并在服务过程中根据有关文件、协议或本平台页面的相关规则、说明等收取必要的服务或管理费用,其具体内容、比例、金额等事项请参见有关文件及本平台相关页面的规则和说明。 </div>

<div>3、您同意,本平台有权不时调整前述服务或管理费用的类型或金额等具体事项并根据本协议和相关规则进行公告、修改。 </div>

<div>4、根据我国法律及税收政策,本平台所有用户有义务按时、足额的缴纳税费。本平台暂时采取用户自行申报并缴纳税款的形式执行。本平台将随时根据税务部门的最新政策或指导意见,即时调整用户税款缴纳问题的执行方式。 </div>

<div>5、若相关税务部门要求本平台提供用户账户信息以核实用户自行申报的在平台收入具体数额,平台有权不经用户同意而进行披露,并根据国家法律配合相关税务部门的其他合法要求。 </div>

<div>6、用户使用第三方支付方式所产生的手续费等由用户自行承担。 </div>

<div>四、资金管理 </div>

<div>1、您保证并承诺您通过本平台进行交易的资金来源合法。您同意,本平台有权根据包括但不限于公安机关、检察机关、法院等司法机关、行政机关、军事机关的要求协助对您的账户及资金等进行查询、冻结或扣划等操作。 </div>

<div>2、本平台有权基于交易安全等方面的考虑不时设定涉及交易的相关事项,包括但不限于交易限额、交易次数等。据您了解,本平台的前述设定可能会对您的交易造成一定不便,您对此没有异议。 </div>

<div>3、如果本平台发现了因系统故障或其他原因导致的处理错误,无论有利于本平台还是有利于您,本平台都有权在根据本协议规定通知您后纠正该错误。 </div>

<div>4、在任何情况下,对于您使用本平台服务过程中涉及由第三方提供相关服务的责任由该第三方承担,本平台不承担该等责任。因您自身的原因导致本平台服务无法提供或提供时发生任何错误而产生的任何损失或责任,由您自行负责,本平台不承担责任。 </div>

<div>五、电子合同 </div>

<div>1、在本平台交易需订立的协议采用电子合同方式,可以有一份或者多份并且每一份具有同等法律效力。您跟据有关协议及本平台的相关规则在本平台确认签署的电子合同即视为您企业和/或本人真实意愿并以您企业和/或本人名义签署的合同,具有法律效力。您应妥善保管自己的账户密码等账户信息,您通过前述方式订立的电子合同对合同各方具有法律约束力,您不得以账户密码等账户信息被盗用或其他理由否认已订立的合同的效力或不按照该等合同履行相关义务。 </div>

<div>2、您根据本协议以及本平台的相关规则签署电子合同后,不得擅自修改该合同。本平台向您提供电子合同的保管查询、核对等服务,如对电子合同真伪或电子合同的内容有任何疑问,您可通过本平台的相关系统板块查阅有关合同并进行核对。如对此有任何争议,应以本平台记录的合同为准。</div> 

<div>六、用户信息及隐私权保护 </div>

<div>1、用户信息的提供、搜集及核实 </div>

<div>(a)您有义务在注册时提供企业和/或本人的真实资料,并保证诸如电子邮件地址、联系电话、联系地址、邮政编码等内容的有效性、安全性和及时更新,以便本平台为您提供服务并与您进行及时、有效的联系。您应完全独自承担因通过这些 

联系方式无法与您取得联系而导致的您在使用本服务过程中遭受的任何损失或增加任何费用等不利后果。</div> 

<div>(b)本平台可能自公开渠道及私人资料来源收集您的额外资料,以更好地了解本平台用户,并为其量身订造本平台服务、协助解决争议和确保在网站进行交易的安全性。本平台仅收集本平台认为就此目的及达成该目的所必须的关于您的企业和/或个人资料。 </div>

<div>(c)您同意本平台可以自行或通过合作的第三方机构对您提交或本平台搜集的用户信息(包括但不限于您的个人身份证信息等)进行核实,并对获得的核实结果根据本协议及有关文件进行查看、使用和留存等操作。 </div>

<div>(d)本平台按照您在本平台上的行为自动追踪关于您的某些资料。本平台利用这些资料进行有关本平台之用户的人口统计、兴趣及行为的内部研究,以更好地了解您以便向您和本平台的其他用户提供更好的服务。 </div>

<div>(e)如果您将企业和/或个人通讯信息(例如:手机短信、电邮或信件)交付给本平台,或如果其他用户或第三方向本平台发出关于您在本平台上的活动或登录事项的通讯信息,本平台可以将这些资料收集在您的专门档案中。 </div>

<div>2、用户信息的使用和披露 </div>

<div>(a)您同意本平台可使用关于您的企业和/或个人资料(包括但不限于本平台持有的有关您的档案中的资料,及本平台从您目前及以前在本平台上的活动所获取的其他资料)以协助解决争议、对纠纷进行调停、确保在本平台进行安全交易,并执行本平台的服务协议及相关规则。本平台有时候可能调查多个用户以识别问题或解决争议,特别是本平台可审查您的资料以区分使用多个用户名或别名的用户。为限制在网站上的欺诈、非法或其他刑事犯罪活动,使本平台免受其害,您同意本平台可通过人工或自动程序对您的企业和/或个人资料进行评价。</div> 

<div>(b)您同意本平台可以使用您的企业和/或个人资料以改进本平台的推广和促销工作、分析网站的使用率、改善本平台的内容和产品推广形式,并使本平台的网站内容、设计和服务更能符合用户的要求。这些使用能改善本平台的网页,以调整本平台的网页使其更能符合您的需求,从而使您在使用本平台服务时得到更为顺利、有效、安全及量身订造的交易体验。 </div>

<div>(c)您注册成功后应妥善保管您的用户名和密码。您确认,无论是您还是您的代理人,用您的用户名和密码登录本平台后在本平台的一切行为均代表您并由您承担相应的法律后果。 </div>

<div>(d)本平台对于您提供的、自行收集到的、经认证的企业和/或个人信息将按照本协议及有关规则予以保护、使用或者披露。本平台将采用行业标准惯例以保护您的企业和/或个人资料,但鉴于技术限制,本平台不能确保您的全部私人通讯及其他企业和/或个人资料不会通过其他途径泄露。 </div>

<div>(e)您使用本平台服务进行交易时,您即授权本公司将您的包括但不限于真实姓名、联系方式、信用状况等必要的企业和/或个人信息和交易信息披露给与您交易的另一方或本平台的合作机构(仅限于本平台向您提供服务的合作机构)。 </div>

<div>(f)本平台有义务根据有关法律要求向司法机关和政府部门提供您的企业和/或个人资料。在您未能按照与本协议、本平台有关规则或者与本平台其他用户签订的有关协议的约定履行自己应尽的义务时,本平台有权根据自己的判断、有关协议和规则、国家有效裁决文书或者与该笔交易有关的其他用户的合理请求披露您的企业和/或个人资料(包括但不限于在本平台及互联网络上公布您的违法、违约行为,并有关将该内容记入任何与您相关的信用资料、档案或数据库),并且作为出借人的其他用户可以通过司法部门要求本平台提供相关资料,本平台对此不承担任何责任。 </div>

<div>3、您对其他用户信息的使用 </div>

<div>(a)在本平台提供的交易活动中,您无权要求本平台提供其他用户的企业和/或个人资料,除非您已向法院起诉其他用户的在本平台活动中的违法或违约行为; </div>

<div>(b)如您通过签署有关协议等方式获得其他用户的企业和/或个人信息,您同意不将该等企业和/或个人信息用于除履行相关协议以外的其他任何用途,除非该等信息根据适用的法律规定、被有管辖权的法院或政府部门要求披露。 </div>

<div>七、不保证及使用限制 </div>

<div>1、不保证 </div>

<div>(a)在任何情况下,本平台及其股东、创建人、高级职员、董事、代理人、关联公司、母公司、子公司和雇员(以下称“本平台方”)均不以任何明示或默示的方式对您使用本平台服务而产生的任何形式的直接或间接损失承担法律责任,包括但不限于资金损失、利润损失、营业中断损失等, </div>

<div>(b)因为本平台或者涉及的第三方网站的设备、系统存在缺陷、黑客攻击、网络故障、电力中断、计算机病毒或其他不可抗力因素造成的损失,本平台均不负责赔偿,您的补救措施只能是与本平台协商终止本协议并停止使用本平台。但是,中国现行法律、法规另有规定的除外。</div> 

<div>2、使用限制</div> 

<div>(a)您承诺合法使用本平台提供的服务及网站内容。您不得利用本服务从事侵害他人合法权益之行为,不得在本平台从事任何可能违反中国的法律、法规、规章和政府规范性文件的行为或者任何未经授权的行为,如擅自进入本平台的未公开的系统、不正当的使用账号密码和网站的任何内容等。</div> 

<div>(b)您不得使用本平台提供的服务或其他电子邮件转发服务发出垃圾邮件或其他可能违反本协议的内容。 </div>

<div>(c)本平台没有义务监测网站内容,但是您确认并同意本平台有权不时地根据法律、法规、政府要求透露、修改或者删除必要的信息,以便更好地运营本平台并保护自身及本平台的其他合法用户。 </div>

<div>(d)本平台中全部内容的版权均属于本平台所有,该等内容包括但不限于文本、数据、文章、设计、源代码、软件、图片、照片及其他全部信息(以下称“网站内容”)。网站内容受中华人民共和国著作权法及各国际版权公约的保护。未经本平台事先书面同意,您承诺不以任何方式、不以任何形式复制、模仿、传播、出版、公布、展示网站内容,包括但不限于电子的、机械的、复印的、录音录像的方式和形式等。您承认网站内容是属于本平台的财产。未经本平台书面同意,您亦不得将本平台包含的资料等任何内容镜像到任何其他网站或者服务器。任何未经授权对网站内容的使用均属于违法行为,本平台将追究您的法律责任。 </div>

<div>(e)由于您违反本协议或任何法律、法规或侵害第三方的权利,而引起第三方对本平台提出的任何形式的索赔、要求、诉讼,本平台有权向您追偿相关损失,包括但不限于本平台的诉讼费用、律师费、调查费、差旅费、名誉损失、及向第三方支付的赔偿金、补偿金等。 </div>

<div>八、协议终止及账户的暂停、注销或终止 </div>

<div>1、除非本平台终止本协议或者您申请终止本协议且经本平台同意,否则本协议始终有效。在您违反了本协议、相关规则,或在相关法律法规、政府部门的要求下,本平台有权通过站内信、电子邮件通知等方式终止本协议、关闭您的账户或者限制您使用本平台。但本平台的终止行为不能免除您根据本协议或在本平台生成的其他协议项下的还未履行完毕的义务。</div> 

<div>2、您若发现有第三人冒用或盗用您的用户账户及密码,或其他任何未经合法授权的情形,应立即以有效方式通知本平台,要求本平台暂停相关服务,否则由此产生的一切责任由您本人承担。同时,您理解本平台对您的请求采取行动需要合理期限,在此之前,本平台对第三人使用该服务所导致的损失不承担任何责任。 </div>

<div>3、您决定不再使用用户账户时,应首先将用户账户中的可用款项(如有)全部提现或者向本平台发出其它合法的支付指令,并向本平台申请注销该用户账户,经本平台审核同意后可正式注销用户账户。会员死亡或被宣告死亡的,其在本协议项下的各项权利义务由其继承人承担。若会员丧失全部或部分民事权利能力或民事行为能力,本平台有权根据有效法律文书(包括但不限于生效的法院判决等)或其法定监护人的指示处置与用户账户相关的款项。 </div>

<div>4、本平台有权基于单方独立判断,在认为可能发生危害交易安全等情形时,不经通知而先行暂停、中断或终止向您提供本协议项下的全部或部分会员服务,并将注册资料移除或删除,且无需对您或任何第三方承担任何责任。前述情形包括但不限于: </div>

<div>(a)本平台认为您提供的企业和/或个人资料不具有真实性、有效性或完整性; </div>

<div>(b)本平台发现异常交易或有疑义或有违法之余时; </div>

<div>(c)本平台认为您的账户涉嫌洗钱、套现、传销、被冒用或其他本平台认为有风险之情形; </div>

<div>(d)本平台认为您已经违反本协议中规定的各类规则及精神; </div>

<div>(e)本平台基于交易安全等原因,根据其单独判断需先行暂停、中断或终止向您提供本协议项下的全部或部分会员服务,并将注册资料移除或删除的其他情形。 </div>

<div>5、您同意在必要时,本平台无需进行事先通知即有权终止提供用户账户服务,并可能立即暂停、关闭或删除您的用户账户及该用户账户中的所有相关资料及档案,并将您滞留在这些账户的全部合法资金退回到您的银行账户。 </div>

<div>6、您同意,用户账户的暂停、中断或终止不代表您责任的终止,您仍应对您使用本平台服务期间的行为承担可能的违约或损害赔偿责任,同时本平台仍可保有您的相关信息。 </div>

<div>7、若您使用第三方网站账号注册本平台用户账户,则您应对您本平台用户账户所对应的第三方网站账号拥有合法的使用权,如您因故对该第三方网站账号丧失使用权的,则本平台可停止为您的该用户账户提供服务。但如该用户账户尚存有余额的,本平台将会为您妥善保管。此时,如您欲取回其原有余额, 本平台将提供更换本平台账户名的服务,即您可把您原本平台账户下余额转移到您另外合法注册的本平台账户中;如因故无法自助完成更换账户名,您可以向本平台提出以银行账户接受原有资金的请求,经核验属实后,本平台可配合您将原有资金转移到以您真实姓名登记的银行账户下。 </div>

<div>九、通知 </div>

<div>本协议项下的通知如以公示方式作出,一经在本平台公示即视为已经送达。除此之外,其他向您企业和/或个人发布的具有专属性的通知将由本平台向您在注册时提供的电子邮箱,或本平台在您的企业和/或个人账户中为您设置的站内消息系统栏,或您在注册后在本平台绑定的手机发送,一经发送即视为已经送达。请您密切关注您的电子邮箱、站内消息系统栏中的邮件、信息及手机中的短信信息。您同意本平台出于向您提供服务之目的,可以向您的电子邮箱、站内消息系统栏和手机发送有关通知或提醒;若您不愿意接收,请在本平台相应系统板块进行设置。但您同时同意并确认,若您设置了不接收有关通知或提醒,则您有可能收不到该等通知信息,您不得以您未收到或未阅读该等通知信息为由,单方面理解为相关通知未送达于您。 </div>

<div>十、适用法律和管辖 </div>

<div>因本平台所提供服务而产生的争议均适用中华人民共和国法律,并由河北冀网数字技术有限公司管辖。 </div>

<div>十一、其他 </div>

<div>本平台对本协议拥有最终的解释权。本协议及本平台有关页面的相关名词可互相引用参照,如有不同理解,则以本协议条款为准。此外,若本协议的部分条款被认定为无效或者无法实施时,本协议中的其他条款仍然有效。</div> 
</div>
<div>
  <h5 style="text-align:center">隐私条款</h5>
</div>
<div style="text-indent:2em;">
<div style="font-weight:bold;">第1条 本公司服务条款的确认和接纳 </div>
<div>1.1本公司的各项电子服务的所有权和运作权归本公司所有。用户同意所有注册协议条款并完成注册程序，才能成为本公司的正式用户。用户确认：本协议条款是处理双方权利义务的契约，始终有效，法律另有强制性规定或双方另有特别约定的，依其规定。 </div>
<div>1.2用户点击同意本协议的，即视为用户确认自己具有享受本公司服务、下单购物等相应的权利能力和行为能力，能够独立承担法律责任。 </div>
<div>1.3如果您在18周岁以下，您只能在父母或监护人的监护参与下才能使用。 </div>
<div>1.4本公司保留在中华人民共和国大陆地区法施行之法律允许的范围内独自决定拒绝服务、关闭用户账户、清除或编辑内容或取消订单的权利。 </div>
<div style="font-weight:bold;">第2条 本公司服务 </div>
<div>2.1本公司通过依法为用户提供信息等服务，用户在完全同意本协议及本公司规定的情况下，方有权使用本公司的相关服务。</div> 
<div>.2用户必须自行准备如下设备和承担如下开支：（1）上网设备，包括并不限于电脑或者其他上网终端、调制解调器及其他必备的上网装置；（2）上网开支，包括并不限于网络接入费、上网设备租用费、手机流量费等。 </div>
<div style="font-weight:bold;">第3条 用户信息 </div>
<div>3.1用户应自行诚信向本公司提供注册资料，用户同意其提供的注册资料真实、准确、完整、合法有效，用户注册资料如有变动的，应及时更新其注册资料。如果用户提供的注册资料不合法、不真实、不准确、不详尽的，用户需承担因此引起的相应责任及后果，并且本公司保留终止用户使用本公司各项服务的权利。 </div>
<div>3.2用户在进行浏览、下单购物等活动时，涉及用户真实姓名/名称、通信地址、联系电话、电子邮箱等隐私信息的，本公司将予以严格保密，除非得到用户的授权或法律另有规定，本公司不会向外界披露用户隐私信息。 </div>
<div>3.3用户注册成功后，将产生用户名和密码等账户信息，您可以根据本公司规定改变您的密码。用户应谨慎合理的保存、使用其用户名和密码。用户若发现任何非法使用用户账号或存在安全漏洞的情况，请立即通知本公司并向公安机关报案。 </div>
<div>3.4用户同意，本公司拥有通过邮件、短信电话等形式，向在购物用户、收货人发送订单信息、促销活动等告知信息的权利。 </div>
<div>3.5用户不得将在注册获得的账户借给他人使用，否则用户应承担由此产生的全部责任，并与实际使用人承担连带责任。 </div>
<div>3.6用户同意，本公司有权使用用户的注册信息、用户名、密码等信息，登陆进入用户的注册账户，进行证据保全，包括但不限于公证、见证等。 </div>
<div style="font-weight:bold;">第4条 用户依法言行义务 </div>
<div>本协议依据国家相关法律法规规章制定，用户同意严格遵守以下义务：</div> 
<div>（1）不得传输或发表：煽动抗拒、破坏宪法和法律、行政法规实施的言论，煽动颠覆国家政权，推翻社会主义制度的言论，煽动分裂国家、破坏国家统一的的言论，煽动民族仇恨、民族歧视、破坏民族团结的言论； </div>
<div>（2）从中国大陆向境外传输资料信息时必须符合中国有关法规； </div>
<div>（3）不得利用从事洗钱、窃取商业秘密、窃取个人信息等违法犯罪活动； </div>
<div>4）不得干扰本公司的正常运转，不得侵入本公司及国家计算机信息系统； </div>（
<div>（5）不得传输或发表任何违法犯罪的、骚扰性的、中伤他人的、辱骂性的、恐吓性的、伤害性的、庸俗的，淫秽的、不文明的等信息资料； </div>
<div>（6）不得传输或发表损害国家社会公共利益和涉及国家安全的信息资料或言论； </div>
<div>（7）不得教唆他人从事本条所禁止的行为； </div>
<div>（8）不得利用在注册的账户进行牟利性经营活动； </div>
<div>（9）不得发布任何侵犯他人著作权、商标权等知识产权或合法权利的内容； </div>
<div>用户应不时关注并遵守本公司不时公布或修改的各类合法规则规定。 </div>
<div>本公司保有删除站内各类不符合法律政策或不真实的信息内容而无须通知用户的权利。 </div>
<div>若用户未遵守以上规定的，本公司有权作出独立判断并采取暂停或关闭用户帐号等措施。用户须对自己在网上的言论和行为承担法律责任。 </div>
<div>第5条 所有权及知识产权条款 </div>
<div>5.1用户一旦接受本协议，即表明该用户主动将其在任何时间段发表的任何形式的信息内容（包括但不限于客户评价、客户咨询、各类话题文章等信息内容）的财产性权利等任何可转让的权利，如著作权财产权（包括并不限于：复制权、发行权、出租权、展览权、表演权、放映权、广播权、信息网络传播权、摄制权、改编权、翻译权、汇编权以及应当由著作权人享有的其他可转让权利），全部独家且不可撤销地转让给本公司所有，用户同意本公司有权就任何主体侵权而单独提起诉讼。 </div>
<div>5.2本协议已经构成《中华人民共和国著作权法》第二十五条（条文序号依照2011年版著作权法确定）及相关法律规定的著作财产权等权利转让书面协议，其效力及于用户发布的任何受著作权法保护的作品内容，无论该等内容形成于本协议订立前还是本协议订立后。 </div>
<div>5.3用户同意并已充分了解本协议的条款，承诺不将已发表的信息，以任何形式发布或授权其它主体以任何方式使用（包括但限于在各类、媒体上使用）。 </div>
<div>5.4本公司是该应用的制作者,拥有此内容及资源的著作权等合法权利,受国家法律保护,有权不时地对本协议及内容进行修改，并张贴，无须另行通知用户。在法律允许的最大限度范围内，本公司对本协议及内容拥有解释权。 </div>
<div>5.5除法律另有强制性规定外，未经本公司明确的特别书面许可,任何单位或个人不得以任何方式非法地全部或部分复制、转载、引用、链接、抓取或以其他方式使用本公司的信息内容，否则，本公司有权追究其法律责任。 </div>
<div>5.6本公司所刊登的资料信息（诸如文字、图表、标识、按钮图标、图像、声音文件片段、数字下载、数据编辑和软件），均是本公司或其内容提供者的财产，受中国和国际版权法的保护。所有内容的汇编是本公司的排他财产，受中国和国际版权法的保护。本公司上所有软件都是本公司或其关联公司或其软件供应商的财产，受中国和国际版权法的保护。 </div>
<div style="font-weight:bold;">第6条 责任限制及不承诺担保 </div>
<div>除非另有明确的书面说明,本公司及其所包含的或以其它方式通过本公司提供给您的全部信息、内容、材料、产品（包括软件）和服务，均是在“按现状”和“按现有”的基础上提供的。 </div>
<div>除非另有明确的书面说明,本公司不对本公司的运营及其包含在本上的信息、内容、材料、产品（包括软件）或服务作任何形式的、明示或默示的声明或担保（根据中华人民共和国法律另有规定的以外）。 </div>
<div>本公司不担保所包含的或以其它方式通过本公司提供给您的全部信息、内容、材料、产品（包括软件）和服务、其服务器或从本公司发出的电子信件、信息没有病毒或其他有害成分。 </div>
<div>如因不可抗力或其它本公司无法控制的原因使本公司销售系统崩溃或无法正常使用导致网上交易无法完成或丢失有关的信息、记录等，本公司会合理地尽力协助处理善后事宜。 </div>
<div style="font-weight:bold;">第7条 协议更新及用户关注义务 </div>
<div>根据国家法律法规变化及运营需要，本公司有权对本协议条款不时地进行修改，修改后的协议一旦被张贴在本应用上即生效，并代替原来的协议。用户可随时登陆查阅最新协议；<em>用户有义务不时关注并阅读最新版的协议及公告。如用户不同意更新后的协议，可以且应立即停止接受本公司依据本协议提供的服务；如用户继续使用本提供的服务的，即视为同意更新后的协议。本公司建议您在使用之前阅读本协议及本公司的公告。</em>  如果本协议中任何一条被视为废止、无效或因任何理由不可执行，该条应视为可分的且并不影响任何其余条款的有效性和可执行性。</div>
<div>第8条 法律管辖和适用 </div>
<div>本协议的订立、执行和解释及争议的解决均应适用在中华人民共和国大陆地区适用之有效法律（但不包括其冲突法规则）。 如发生本协议与适用之法律相抵触时，则这些条款将完全按法律规定重新解释，而其它有效条款继续有效。如缔约方就本协议内容或其执行发生任何争议，双方应尽力友好协商解决；协商不成时，任何一方均可向有管辖权的中华人民共和国大陆地区法院提起诉讼。 </div>
<div style="font-weight:bold;">第9条 其他 </div>
<div>9.1本公司所有者是指在政府部门依法许可或备案的本公司经营主体。 </div>
<div>9.2本公司尊重用户和消费者的合法权利，本协议及本上发布的各类规则、声明等其他内容，均是为了更好的、更加便利的为用户和消费者提供服务。本公司欢迎用户和社会各界提出意见和建议，本公司将虚心接受并适时修改本协议及各类规则。 </div>
<div>9.3本协议内容中以黑体、加粗、下划线、斜体等方式显著标识的条款，请用户着重阅读。</div>
<div>9.4您点击本协议的“同意以下协议，提交”按钮即视为您完全接受本协议，在点击之前请您再次确认已知悉并完全理解本协议的全部内容。</div>
</div>


      </span>


        <span slot="footer" class="dialog-footer">
          <el-button @click="dialogFuwu = false">取 消</el-button>
          <el-button type="primary" :disabled="disabled" @click="startCountFuwu" >
            <span  v-if="!disabled">确定</span>
            <span v-else type="text">{{ selfAgree }}秒后同意</span>
            
           
          </el-button>
        </span>
      </el-dialog>

    
    </div>
  </div>
</template>

<script>
import { iscode } from "../api/api.js";
import axios from 'axios'
import { Yanzhang, isPhoneNumber, Zhuce } from '../api/api'
export default {
  data() {
    var validatePass = (rule, value, callback) => {
      if (value === '') {
        callback(new Error('请输入密码'))
      } else {
        if (this.ruleForm.checkPass !== '') {
          this.$refs.ruleForm.validateField('checkPass')
        }
        callback()
      }
    }
    var validatePass2 = (rule, value, callback) => {
      if (value === '') {
        callback(new Error('请再次输入密码'))
      } else if (value !== this.ruleForm.password) {
        callback(new Error('两次输入密码不一致!'))
      } else {
        callback()
      }
    }
    return {
      //服务协议对话框
      dialogFuwu: false,
      ifDisable: false,
      selfCount: 60,
      ruleForm: {
        phone: '',
        password: '',
        checkPass: '',
        code: '',
        mingcheng: '',
        daima: ''
      },
      labelPosition: 'right',
      checked: false,
      rules: {
        password: [{ validator: validatePass, trigger: 'blur' }],
        checkPass: [{ validator: validatePass2, trigger: 'blur' }],
        mingcheng: [{ required: true, tiggerL: 'blue', message: '请输入主体名称' }],
        daima: [{ required: true, tiggerL: 'blue', message: '请输入统一社会信用代码' }],
        phone: [
          { required: true, trigger: 'blur', message: '请输入您的手机号' },
          { pattern: /^1[3456789]\d{9}$/, message: '手机号码格式不正确', trigger: 'blur' }
        ],
        code: [{ required: true, trigger: 'change', message: '请输入验证码' }]
      },
      disabled: false, // 按钮是否可用
      selfAgree: 5,// 倒计时时间（单位：秒）
      disabled1:false,

    }
  },
  methods: {
    //注册按钮
    submitForm(formName) {
      this.$refs[formName].validate(valid => {
        if (!this.checked) {
          this.$message('请勾选下方协议')
        } else if (valid) {
          //注册
          console.log(this.ruleForm.mingcheng)
          Zhuce(this.ruleForm.mingcheng, this.ruleForm.daima, this.ruleForm.phone, this.ruleForm.password, this.ruleForm.code)
            .then((res) => {
              console.log(res.data)
              this.$router.push('/login')
            })
            .catch((error) => {
              console.log('注册失败', error)
            })
          this.$message({
            message: '注册成功',
            type: 'success'
          })
        } else {
          this.$message.error('请输入正确的信息')
          return false
        }
      })
      if (iscode(this.ruleForm.daima)) {

      } else {
        this.$message.error("请输入正确的统一社会信用代码");
        return;
      }
    },
    //获取验证码单击事件
    sendCode(formName) {
      //校验手机号
      if (isPhoneNumber(this.ruleForm.phone)) {
        this.$message({
          message: '验证码已发送',
          type: 'success'
        })
      } else {
        this.$message.error('请输入正确的手机号')
        return
      }

      //验证码倒计时
      this.ifDisable = true
      let timer = setInterval(() => {
        if (this.selfCount == 0) {
          clearInterval(timer)
          this.ifDisable = false
          this.selfCount = 60
        }
        this.selfCount--
      }, 1000)

      //获取验证码
      Yanzhang(this.ruleForm.phone)
        .then((res) => {
          console.log(res.data)
        })
        .catch((error) => {
          console.log('验证码获取失败', error)
        })
    },
    // 服务协议关闭按钮
    handleClose(done) {
      this.$confirm('确认关闭？')
        .then(_ => {
          done();
        })
        .catch(_ => { });
    },
    //服务协议
    openFuwu() {
      this.dialogFuwu = true;
      this.disabled = true;
      let timer = setInterval(() => {
        if (this.selfAgree == 0) {
          clearInterval(timer)
          this.disabled = false
          this.selfAgree = 5
        }
        this.selfAgree--
      }, 1000);
    },
   
    startCountFuwu() {
      this.dialogFuwu = false;
      this.checked = true;
    
    },
  

  }
}
</script>

<style lang="less" scoped>
/deep/.el-form-item__error {
  left: 40px;
}

.beijing {
  width: 100%;
  height: 100%;
  // height: calc(100% - 80px);
  background-image: url('../assets//image//bglogin.png');
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
}

.entirety {
  width: 850px;
  height: 600px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: aliceblue;
  border-radius: 15px;

  .demo-ruleForm {
    width: 350px;
    padding-left: 30px;
  }

  .pic {
    margin-right: 10px;
  }

  h4 {
    color: #000088;
  }

  .title {
   
    display: flex;
    margin-left: 170px;
  }

  .int {
    width: 250px;
  }

  /deep/ .el-input__inner {
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 2px;
    background-color: transparent !important;
  }

  /deep/ .el-dialog__body {
    padding: 3px 30px;
    overflow-y: auto;
    height: 500px;
  }




  .router {
    text-decoration: none;
  }

  /deep/.timr.el-form .el-form-item_error {
    top: 21%;
    right: 25% !important;
    left: unset;
  }
}
</style>